<template>
    <!--watch 两种操作模式
    一种简单模式 语法：
        被侦听的名字（newvalue，oldvalue）{
        }
    深度侦听：
        被侦听的名字：{
            handler(newvalue,oldvalue){
                
            },
            deep:true,
            // 强制立即执行回调
            immediate: true
        }
    }
-->
  姓名： <input type="text" v-model="user.name" placeholder="请输入姓名">
  年龄： <input type="text" v-model="user.age" placeholder="请输入年龄">

</template>
<script>
export default {
    data() {
        return {
            user: {
            name: '张三',
            age: 0
            }
           
        }
    },
    watch: {
        // name(newVal,oldVal) {
        //     console.log(newVal);
        //     console.log(oldVal);
        // }
        user: {
            handler(newVal,oldVal) { 
                console.log(newVal);
                console.log(oldVal);

            },
            deep: true, //开启深度侦听
            immediate:true //强制立即执行回调函数
        }
    }
}

</script>